<!DOCTYPE html>
<html lang="ru">

<head>

	<meta charset="utf-8">
	<base href="/">

	<title>Примеры урока: «Bootstrap 4. Сетка. Подробное руководство»</title>
	<meta name="description" content="">

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- Template Basic Images Start -->
	<meta property="og:image" content="path/to/image.jpg">
	<link rel="icon" href="img/favicon/favicon.ico">
	<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon-180x180.png">
	<!-- Template Basic Images End -->
	
	<!-- Custom Browsers Color Start -->
	<meta name="theme-color" content="#000">
	<!-- Custom Browsers Color End -->

	<link rel="stylesheet" href="css/main.min.css">

</head>

<body>
  <div class="example-bs">
    <div class="row">
      <h3>2.1 Колонки одинаковой ширины</h3>
    </div>

    <div class="row">
      <div class="col">1 из 2</div>
      <div class="col">1 из 2</div>
    </div>

  </div>

  <div class="exapmle-bs">
    <div class="row">
      <h3>2.2 Установка ширины одной колонки</h3>
    </div>
    <div class="row">
      <div class="col">1 из 3</div>
    </div>
 
  </div>  
      
    
  

  

    

    

    
            
      


    </div>











</body>
</html>
